<script>

ref={
	title:"",
	author:"<li><strong>Author</strong>: ",
	email:"",
	object:"<li><strong>Objects</strong>: ",
	description:"<li><strong>Description</strong>: ",
	dim:"<li><strong>Dimentions</strong>: ",
	thumbnail:"",
	link:""
	};

collects = [];

collects[0]={
	title:"<i>S. aureus</i>",
	author:"Q. Geissmann",
	email:"mailto:opencfu@gmail.com",
	object:"<i>Staphilococcus aureus</i> colonies on LB agar plates. Bright background.",
	description: "The high quality pictures used in the PLoS paper.",
	dim:"1538x1536",
	thumbnail:"./img/plosPicHQThumb.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/plosPicHQ.zip"
	};
	
collects[1]={
	title:"Mammalian cells",
	author:"Magdalena Waggoner",
	email:"mailto:mwaggoner2@kumc.edu",
	object:"Mammalian cells colonies on six-well plates.",
	description: "",
	dim:"1488x1111",
	thumbnail:"./img/maggie.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/MagdalenaWaggoner.zip"
};	

collects[2]={
	title:"<i>Staphylococcus epidermis</i>",
	author:"Guadalupe García",
	email:"mailto:guadalupegarcia.sro@gmail.com",
	object:"<i>Staphilococcus epidermis</i> on Baird Parker agar.",
	description: "",
	dim:"variable",
	thumbnail:"./img/guada.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/Guadalupe-Garcia.zip"
};	




collects[3]={
	title:"<i>S. aureus</i> webcam",
	author:"Q. Geissmann",
	email:"mailto:opencfu@gmail.com",
	object:"<i>Staphilococcus aureus</i> colonies on LB agar plates. Bright background.",
	description: "The low quality pictures used in the PLoS paper (taken by a cheap webcam).",
	dim:"1000x1000",
	thumbnail:"./img/plosPicLQThumb.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/plosPicLQ.zip"
};	

collects[4]={
	title:"RFP/GFP <i>E. coli</i>",
	author:"Rob Egbert",
	email:"http://depts.washington.edu/soslab/mw/index.php?title=User:Egbert",
	object:"Fluorescent <i>E. coli</i> colonies on agar. Dark background",
	description: "This is a collection of fluorescence images of <i>E. coli</i> colonies transformed with a bistable switch circuit, resulting in colonies expressing either RFP or GFP. The images were captured on a blue light transilluminator (Clare Chemical) using an acrylic filter from the same manufacturer.",
	dim:"2592x1944",
	thumbnail:"./img/EcoliRobEgbertPicThumb.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/EcoliRobEgbert.zip"
	};

collects[5]={
	title:"<i>E. coli</i>",
	author:"Peter Galajda",
	email:"http://www.brc.mta.hu/personal_page.php?id=bf_gap%C3%A9",
	object:"<i>E. coli</i> colonies on agar. Light background",
	description: "This a representative collection of images used by Felix J. H. Hol <i>et al.</i> in <a href='http://www.plosone.org/article/info:doi/10.1371/journal.pone.0077042'>their PLoS ONE paper</a>.",
	dim:"around 2000x2000",
	thumbnail:"./img/EcoliPeterGalajda.jpg",
	link:"http://sourceforge.net/projects/opencfu/files/samples/PeterGalajdaPLoS2013.zip"
	};
	
	
function makeSampleThumb(){
	final_str="<div id = 'thumbnails'>";
	for(i=0;i<collects.length;i++){
		tmp_str = "<div class='imgCollection'>"
		//~ tmp_str = "<div id=\'" + collects[i].id + "\'class='imgCollection'>"
		tmp_str +="<h1><a href='"+ collects[i].link + "'>"+collects[i].title+ "</a></h1>";
		tmp_str =tmp_str+"<div class=imgCollectThumb> <a href='" + collects[i].link  + "'style='background:url("+ collects[i].thumbnail +") no-repeat 0 0;background-size: contain'></a></div>";
		tmp_str += "<div class='imgCollectText'><ul>";
		tmp_str += ref.object + " " + collects[i].object;
		tmp_str += ref.description + " " + collects[i].description;
		tmp_str +=  ref.dim + " " + collects[i].dim;
		tmp_str +=  ref.author + "<a href='" + collects[i].email +"'>" + collects[i].author+"</a>";
		tmp_str += "</ul></div><div class='clear'></div></div>";
		final_str +=  tmp_str;
	}
	final_str +=  "</div>";
	$('#thumbnails').html(final_str);
	var cw = $('.imgCollectThumb a').width();
	$('.imgCollectThumb a').css({'height':cw+'px'});
}

	
</script>	

			
<div class="content_item">
	
<h1>Image Samples</h1> 

	<p>This section contains a modest collection of images that you can use to try OpenCFU and practice.
	Unless stated otherwise, you can share and reuse these images under the conditions of a <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons License (by-sa)</a>.
	I would be very grateful if you could <a href="mailto:opencfu@gmail.com">send me your own pictures</a> to enrich this library.</p>
	<h2  id="plosPaperHD"></h2>
	<div id = "thumbnails">		
	</div>
<script>makeSampleThumb();</script>
</div>	
